
<template>
<div class="loading"><i class="el-icon-loading"></i></div>
</template>
 
<script>
export default {
  name: 'Loading' // 定义的组件名称 使用时写法：loading
}
</script>
 
<style scoped>
.loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
}
/deep/.el-icon-loading {
  font-size: 50px;
}
</style>